.myTable,
myTable {
    width: 100%;
}

.myTable {
    border: 2px solid #ccc;
}

.myTable {
    height: 30px;
    border-collapse: collapse;
}

.myTable td {
    text-align: center;
}

.myTable>thead>tr {
    background-color: aqua;
}

.myTable>tbody>tr:nth-child(odd) {
    background-color: rgb(247, 0, 255);
}

.myTable>tbody>tr:nth-child(even) {
    background-color: rgb(43, 255, 0);
}

.myTable>tbody>tr:hover {
    cursor: pointer;
    background-color: rgb(251, 255, 0)
}

.myTable>tfoot td {
    height: 40px;
    width: 100%;
}

.rowOption {
    width: 100%;
    height: 100%;

}

.divButton {
    margin-top: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.deleteButton {
    background: url(../img/XueBiButton.png) no-repeat -20px 0px /60px 60px
}

.operationButton {
    background: url(../img/XueBiButton.png) no-repeat -20px -40px /60px 60px;
}


.saveButton{
    border: 0px;
    margin-left: 20px;
    background: url(../img/XueBiButton.png) no-repeat -20px -20px /60px 60px;
    float: left;
}
.addButton {
    border: 0px;
    display: inline-block;
    margin-left: 20px;
    background: url(../img/XueBiButton.png) no-repeat 0px -20px /60px 60px;
    float: left;
}
.page {
    float: right;
}

.inputDiv{
    float: left;
    display: inline-block;
    width: auto;
    margin-left: 40px;
}